<template>
  <t-tabs  size="medium" @change="onTabChange" v-model="tabValue">
    <t-tab-panel  :value="item.value" :label="item.label" v-for="(item , index) in serviceOptions" :key="index">

    </t-tab-panel>
  </t-tabs>
</template>

<script>
export default {
  name: "services-project-list",
  data(){
    return {
      tabValue: '1',
      data: [],
      columns: [],
      serviceOptions: []
    }
  },
  created() {
    this.getSysServices();
  },
  methods:{
    onTabChange(val){

    },
    getSysServices() {
      this.$api.cgzh.getSysServices().then(response => {
        this.serviceOptions = response.data;
      }).catch((e) => {
        this.$message.error(e.toString());
      });
    },
  }
}
</script>

<style scoped>

</style>
